Tiny File Manager | custom-002 - Kopi-20250820192551.html

Back Back Up Advanced Editor

<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Gauge Test</title>
    <link rel="stylesheet" href="../fonts/fonts.css">
    <script src="../gauge.min.js"></script>
</head>
<body style="background: #fff">

<button onclick="animateGauges()">Animate</button>

colorMajorTicks: ["#A8D3D5", "#ffffff", "#ffffff", "#ffffff", "#ffffff",
            "#ffffff", "#ffffff", "#ffffff", "#ffffff", "#ffffff", "#ffffff", "#ffffff", "#ffffff", "#ffffff", "#A8D3D5"],
        colorMinorTicks: "#ffffff",

// Вопрос в мин и макс значениях, при этих значениях анимация не работает
        minValue: 0,
        maxValue: 800,

majorTicks: ["","100","","200","","300","","400","","500","","600","","700","","800",""],
        minorTicks: "10",
        strokeTicks: true,

highlights: [
            {
                "from": 600.00,
                "to": 850.00,
                "color": "#A8D3D5"
            }
        ],
        //
        highlightsWidth: 25,
        numbersMargin: 12,
        animation: true,
        animationRule: "linear",
        valueBox: false,
        borders: false,
        borderShadowWidth: 0,
        value: 610,
        animateOnInit: true,
        animatedValue: true

}).draw();

var timers = [];